<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>layui</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="__PUBLIC__/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="__PUBLIC__/font-awesome/css/font-awesome.min.css" media="all"/>
    <link rel="stylesheet" href="__CSS__/admin.css" media="all">
</head>
<body style="padding:10px;">

<div class="layui-container">
    <div class="layui-card">
        <div class="layui-card-header">订单详情</div>
        <div class="layui-card-body">
            <table class="layui-table">
                <colgroup>
                    <col width="100">
                    <col width="200">
                </colgroup>
                <tbody>
                <tr>
                    <td>用户：</td>
                    <td id="username">{$order['username']}</td>
                </tr>
                <tr>
                    <td>订单号：</td>
                    <td id="order_no">{$order['order_no']}</td>
                </tr>
                <tr>
                    <td>支付金额：</td>
                    <td id="pay_price">{$order['pay_price']}</td>
                </tr>
                <tr>
                    <td>物流公司：</td>
                    <td id="express_company">{$order['express_company']}</td>
                </tr>
                <tr>
                    <td>物流单号：</td>
                    <td id="express_no">{$order['express_no']}</td>
                </tr>
                <tr>
                    <td>支付状态：</td>
                    <td id="pay_status">
                        {if condition="$order.order_status eq 10"}
                        <button type="button" class="layui-btn layui-btn-sm layui-btn-radius layui-btn-normal">待付款</button>
                        {elseif condition="$order.order_status eq 20"/}
                        <button type="button" class="layui-btn layui-btn-sm layui-btn-radius layui-btn-danger">已取消</button>
                        {elseif condition="$order.order_status eq 30"/}
                        <button type="button" class="layui-btn layui-btn-sm layui-btn-radius layui-btn-orange">已支付</button>
                        {elseif condition="$order.order_status eq 40"/}
                        <button type="button" class="layui-btn layui-btn-sm layui-btn-radius layui-btn-green">已发货</button>
                        {elseif condition="$order.order_status eq 50"/}
                        <button type="button" class="layui-btn layui-btn-sm layui-btn-radius layui-btn-green">已完成</button>
                        {/if}
                    </td>
                </tr>
                <tr>
                    <td>下单时间：</td>
                    <td id="create_time">{$order['pay_time']}</td>
                </tr>
                </tbody>
            </table>
            <hr>
            <table class="layui-table">
                <colgroup>
                    <col width="100">
                    <col width="200">
                    <col width="100">
                    <col width="100">
                </colgroup>
                <thead>
                <tr>
                    <th>商品名称</th>
                    <th>商品价格</th>
                    <th>购买数量</th>
                    <th>小计</th>
                </tr>
                </thead>
                <tbody>
                {volist name="order['detail']" id="item" key="key"}
                <tr>
                    <td>{$item['goods_name']}</td>
                    <td>{$item['goods_price']}</td>
                    <td>{$item['goods_num']}</td>
                    <td>{$item['total_price']}</td>
                </tr>
               {/volist}
                </tbody>
            </table>
        </div>
    </div>
  <div class="layui-card-body">
    <!-- 其他内容 -->
    <button class="layui-btn layui-btn-primary" onclick="goBack()">返回</button>
  </div>
</div>


<script>
  function goBack() {
    history.back();
  }
</script>
<script src="__PUBLIC__/layui/layui.js"></script>
<script src="__PUBLIC__/jquery/jquery.min.js"></script>


</body>
</html>